<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../dist/css/scss.css">
    <link rel="stylesheet" href="../static/libs/css/swiper-bundle.min.css">
    <script src="../static/libs/javascripts/swiper-bundle.min.js"></script>
    <script src="../static/libs/javascripts/jQuery.js"></script>
    <script src="../static/libs/javascripts/jquery.lazyload.js"></script>
    <meta name="referrer" content="no-referrer" />
    
    
    
    <title>Document</title>
    
        <style>
              *{
                  margin:0;
                  padding: 0;
            }
            #container {
                  width: 1000px;
                  margin: 0 auto;
                  position: relative;
            }
            #container .box {
                  float: left;
                  height: auto;
                  margin: 0 20px 20px 0;
                  border-top: 0 none;
                  background-color: #fff;
                  border-radius: 2px;
                  width: 235px;
                  padding: 0;
                  border-radius: 2px 2px 0 0;
                  box-shadow: 0 0 5px #ddd;
                  overflow: hidden;
            }
            #container .box:nth-of-type(4){
                  margin: 0 ;
            }

            #container .box img{
                  width: 100%;
            }
            /* 懒加载 */
      </style>
    
</head>

<body>
   
                                       
<div id="louti">
<!-- 楼梯 -->
<div id="louti_1">

    <div class="heard">
        <div class="heard_1">
            <div class="heard_left">
                <ul>
                    <li class="one">你好，欢迎来到海澜之家！</li>
                    <li class="two" style="font-weight: bold;"><a href="./denglu.html">请登录</a><span class="span2"></span></li>
                    <li style="font-weight: bold;">合作账号登录</li>
                    <li>
                        <a href="https://api.weibo.com/oauth2/authorize?client_id=1488880671&amp;response_type=code&amp;redirect_uri=http%3A%2F%2Fwww.hlamall.cn%2Fweibo%2FoAuthCallback"
                            class="ml2">
                            <img src="http://www.hlamall.cn:80/img/pc-site/logo10.jpg" width="14px"
                                style="margin-top:4px;">
                        </a>
                        <a href="https://graph.qq.com/oauth2.0/authorize?client_id=101183819&amp;response_type=code&amp;scope=get_user_info&amp;redirect_uri=http%3A%2F%2Fwww.hlamall.cn%2Fqq%2FoAuthCallback"
                            class="ml2">
                            <img src="http://www.hlamall.cn:80/img/pc-site/qqimg.jpg" width="14px"
                                style="margin-top:4px;">
                        </a>
                        <a href="https://openauth.alipay.com/oauth2/publicAppAuthorize.htm?app_id=2016012301115319&amp;scope=auth_base&amp;redirect_uri=http%3A%2F%2Fwww.hlamall.cn%2Falilogin%2FoAuthCallback"
                            class="ml2">
                            <img src="http://www.hlamall.cn:80/img/pc-site/alipay.png" width="14px"
                                style="margin-top:4px;">
                        </a>
                        <span class="span2"></span>
                    </li>
                    <li style="font-weight: bold;"> <a href="./zhuce.html"> 免费注册 </a></li>
                </ul>
            </div>
            <div class="heard_right">
                <ul class="fr">
                    <li style="color: black;"><a href="./zhuce.html" class="fr_1">我的海澜之家</a></li>
                    <li>在线客服<span class="span1"></span></li>
                    <li><a href="http://www.hlamall.cn:80/cart/view" id="cartCnt">我的购物袋有0件商品</a><span
                            class="span1"></span></li>
                    <li class="end">帮助</li>
                    <li>
                        <script src="//tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript"
                            charset="utf-8"></script>
                        <wb:follow-button uid="2367031834" type="gray_1" width="67" height="24"
                            style="float:right;margin:3px 0 0 5px"><iframe
                                src="http://widget.weibo.com/relationship/followbutton.php?btn=light&amp;style=1&amp;uid=2367031834&amp;width=67&amp;height=24&amp;language=zh_cn"
                                width="67" height="24" frameborder="0" scrolling="no" marginheight="0"></iframe>
                        </wb:follow-button>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- //头部 -->
    <div class="logo">
        <div class="logo_left">附近门店</div>
        <div class="logo_cen"><img class="fl"
                src="https://gdp.alicdn.com/imgextra/i3/693060164/TB25ioRc9BjpuFjSsplXXa5MVXa_!!693060164.png"></div>
        <div class="logo_right"><input class="ipt" type="text" placeholder="大闹天宫"><span><img
                    src="../static/images/img_xiaotu/Y67VIK0)PQVBDR~2(E[@9XT.png" alt=""></span></div>
    </div>
    <!-- //导航条 -->
    <div class="nav">
        <div class="nav_1">
            <ul class="navs">
                <li>首页</li>
                <li>2021夏季热卖</li>
                <li>明星同款</li>
                <li>IP联名</li>
                <li>国民珍品</li>
                <li>2021秋季新品</li>
            </ul>
        </div>
    </div>
    <!-- //轮播图 -->
    <div class="swiper-container container1">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="https://img.alicdn.com/imgextra/i3/2365329828/O1CN01ZPpg3R2MTHECP8Y7X_!!2365329828.jpg" alt=""></div>
            <div class="swiper-slide"><img src="https://img.alicdn.com/imgextra/i4/2365329828/O1CN018UI7jj2MTHDxje7oh_!!2365329828.jpg" alt=""></div>
            <div class="swiper-slide"><img src="https://img.alicdn.com/imgextra/i5/2365329828/O1CN018UI7jj2MTHDxje7oh_!!2365329828.jpg" alt=""></div>
            <!-- <div class="swiper-slide"><img src="" alt=""></div>
            <div class="swiper-slide">slide 5</div> --> -->
             <div class="swiper-pagination"></div>
        </div>
        <div class="swiper-pagination">

        </div>
        <!-- <div class="swiper-scrollbar"></div> -->
    </div>
                                        <script src="./javascripts/lubotu.js"></script>

</div>  
<!-- 楼梯 -->
<div id="louti_1">
     <!-- //图片列表 -->
      <div class="big">
          <div class="big_1">
              <img  class="img_0" src="../static/images/img_big/4.png" alt="">
              <div class="tu_top">
                  <img class="img_1" src="../static/images/img_big/1.png" alt="">
                 <a href="./liebiao.html"><img class="img_2" src="../static/images/img_big/2.png" alt=""></a>
                  <a href="./liebiao.html"><img class="img_3" src="../static/images/img_big/5.png" alt=""></a>
                  <a href="./liebiao.html"><img class="img_4" src="../static/images/img_big/6.png" alt=""></a>
                  <a href="./liebiao.html"><img class="img_5" src="../static/images/img_big/7.png" alt=""></a>
                  <a href="./liebiao.html"><img class="img_6" src="../static/images/img_big/8.png" alt=""></a>
              </div>
              <div class="tu_bot">
                  <img class="img_11" src="../static/images/img_big/3.png" alt="">
                  <img class="img_12" src="../static/images/img_big/12.png" alt="">
                  <img class="img_13" src="../static/images/img_big/13.png" alt="">
                  <img class="img_14" src="../static/images/img_big/14.png" alt="">
                  <img class="img_15" src="../static/images/img_big/15.png" alt="">
                  <img class="img_16" src="../static/images/img_big/12.png" alt="">
                  <img class="img_17" src="../static/images/img_big/16.png" alt="">
              </div>
          </div>

      </div>
</div>    
                                         <script src="./javascripts/liebiao.js"></script> 
<!-- 楼梯 -->
<div id="louti_1" style="margin-top: 20px;">
      <div class="can" style="margin: auto; width: 100%;">
        <!-- <img src="../static/images/img_big/ia_100000039.jpg"> -->
        <img src="../static/images/img_big/ia_100000040.jpg" style="width: 100%;margin: auto;margin-top: -205px;">
        <img src="../static/images/img_big/ia_100000041.jpg" style="width: 100%;margin: auto;">
        <!-- <img src="../static/images/img_big/ia_100000067.jpg">
        <img src="../static/images/img_big/ia_100000068.jpg">
        <img src="../static/images/img_big/ia_100000069.jpg">
        <img src="../static/images/img_big/ia_100000070.jpg"> -->
      </div>
    <!-- //自定义内容区域 -->
      <div class="contents">
        <ul class="user_dbfl20190221">
        
        <li><a href="https://www.hlamall.cn/product/list?menuId=162" target="_blank" style="color: black;">衬衫</a></li>
        <li><a href="https://www.hlamall.cn/product/list?menuId=159" target="_blank" style="color: black;">卫衣</a></li>
        <li><a href="https://www.hlamall.cn/product/list?menuId=167" target="_blank" style="color: black;"> 针织衫</a></li>
        <li><a href="https://www.hlamall.cn/product/list?menuId=175" target="_blank" style="color: black;"> 夹克</a></li>
        <li><a href="https://www.hlamall.cn/product/list?menuId=125" target="_blank" style="color: black;">休闲裤</a></li>
            <li class="fgx">
                <a href="https://www.hlamall.cn/product/list?menuId=126" target="_blank" style="color: black;">牛仔裤</a>
            </li>
        </ul>
       </div>
    <!--尾部  -->
      <div class="footer">
        <div class="footer_top">
            <div class="footer_top1">
                <div class="footer_top2">
                    <ul>
                        <li>
                            <div class="fl"><img src="https://img.alicdn.com/imgextra/i2/2365329828/O1CN01AnkKo12MTH1R64c6a_!!2365329828.jpg"></div>
                            <div class="title">
                                <p class="col-fff fs18">7天</p>
                                <p class="fs14" style="color: rgb(186, 186, 186);">无条件退货</p>
                            </div>
                        </li>
                        <li>
                            <p class="fl"><img src="https://img.alicdn.com/imgextra/i1/2365329828/O1CN01eBYGUF2MTH1RgqRHD_!!2365329828.jpg"></p>
                            <p class="col-fff fs18 fl ml5 mt10 title1">全场满68包邮</p>
                        </li>
                        <li>
                            <div class="fl"><img src="https://img.alicdn.com/imgextra/i3/2365329828/O1CN01zCHOZ42MTH1Rgqhuh_!!2365329828.jpg"></div>
                            <div class="fl ml5">
                                <p class="col-fff fs18 fw-b">全国所有城市</p>
                                <p class="fs14" style="color: rgb(186, 186, 186);">快递上门服务</p>
                            </div>
                        </li>
                    </ul>
                </div>



                <!-- 新手指南 -->
                <div class="mt30">
                    <div class="fl" style="height: 57px;">
                        <dl>
                            <dt class="fs14 col-ddd fw-b" style="font-size: 14px;">新手指南</dt>
                            <dd>
                                <a style="color: rgb(221, 221, 221);" href="https://www.hlamall.cn/cms/getHeiLanCms/355c5e38-89ed-4fab-91a3-657ad8f3da4b?selected=%E7%94%A8%E6%88%B7%E6%B3%A8%E5%86%8C" target="_blank"> 用户注册 </a>
                        </dd>
                            
                            <dd>
                                <a style="color: rgb(221, 221, 221);" href="https://www.hlamall.cn/cms/getHeiLanCms/7c5df196-d25c-4e65-b90f-8568e69788a0?selected=%E6%9C%8D%E5%8A%A1%E6%9D%A1%E6%AC%BE" target="_blank"> 服务条款 </a>
                            </dd>
                        </dl>
                    </div>
                    <div class="fl" style="height:75px">
                        <dl>
                            <dt class="fs14 col-ddd fw-b">购物指南</dt>
                            <dd>
                                <a style="color: rgb(221, 221, 221);" href="https://www.hlamall.cn/cms/getHeiLanCms/959e7f07-a8d0-49cd-8cb1-115803e35a58?selected=%E8%B4%AD%E7%89%A9%E6%B5%81%E7%A8%8B" target="_blank"> 购物流程 </a>
                        </dd>
                            <dd>
                                <a style="color: rgb(221, 221, 221);" href="https://www.hlamall.cn/cms/getHeiLanCms/fb545c50-854a-4830-b8b4-c2f9a1fe2410?selected=%E8%AE%A2%E5%8D%95%E6%9F%A5%E8%AF%A2" target="_blank"> 订单查询 </a>
                        </dd>
                            <dd>
                                <a style="color: rgb(221, 221, 221);" href="https://www.hlamall.cn/cms/getHeiLanCms/f6a73907-2fd4-4000-9a3f-3f8212f7166c?selected=%E6%8A%B5%E7%94%A8%E5%88%B8%E4%BD%BF%E7%94%A8%E6%B5%81%E7%A8%8B" target="_blank"> 抵用券使用流程 </a>
                            </dd>
                        </dl>
                    </div>
                    <div class="fl" style="height: 57px;">
                        <dl>
                            <dt class="fs14 col-ddd fw-b">配送方式</dt>
                            <dd>
                                <a style="color: rgb(221, 221, 221);" href="https://www.hlamall.cn/cms/getHeiLanCms/fa4020a3-55ae-4386-9ad7-3356fc3ce2cc?selected=%E9%85%8D%E9%80%81%E5%9F%8E%E5%B8%82%E5%92%8C%E8%B4%B9%E7%94%A8" target="_blank"> 配送城市和费用 </a>
                          </dd>
                            <dd>
                                <a style="color: rgb(221, 221, 221);" href="https://www.hlamall.cn/cms/getHeiLanCms/7b26daaf-721b-434d-8467-a105bf87e8ee?selected=%E5%95%86%E5%93%81%E9%AA%8C%E8%B4%A7%E4%B8%8E%E7%AD%BE%E6%94%B6" target="_blank"> 商品验货与签收 </a>
                            </dd>
                        </dl>
                    </div>
                    <div class="fl" style="height: 75px;">
                        <dl>
                            <dt class="fs14 col-ddd fw-b">支付方式</dt>
                            <dd>
                                <a style="color: rgb(221, 221, 221);" href="https://www.hlamall.cn/cms/getHeiLanCms/e483b747-1ad0-448b-984d-0c086f7ceb15?selected=%E4%B8%AD%E5%9B%BD%E9%93%B6%E8%81%94" target="_blank"> 中国银联 </a>
                          </dd>
                            <dd>
                                <a style="color: rgb(221, 221, 221);" href="https://www.hlamall.cn/cms/getHeiLanCms/eebc63e2-fcc0-4341-90ac-d77822bd9ef6?selected=%E6%94%AF%E4%BB%98%E5%AE%9D" target="_blank"> 支付宝 </a>
                          </dd>
                            <dd>
                                <a style="color: rgb(221, 221, 221);" href="https://www.hlamall.cn/cms/getHeiLanCms/2ed42218-9baa-47cf-add5-569062527459?selected=%E6%B5%B7%E6%BE%9C%E4%B9%8B%E5%AE%B6%E5%8F%91%E7%A5%A8%E8%A7%84%E5%88%99" target="_blank"> 发票制度 </a>
                            </dd>
                        </dl>
                    </div>
                    <div class="fl" style="height: 93px;">
                        <dl>
                            <dt class="fs14 col-ddd fw-b">售后服务</dt>
                            <dd>
                                <a style="color: rgb(221, 221, 221);" href="https://www.hlamall.cn/cms/getHeiLanCms/6947e86d-1456-477c-a3ce-ffe5845187e2?selected=%E9%80%80%E6%8D%A2%E8%B4%A7%E6%94%BF%E7%AD%96" target="_blank"> 退换货政策 </a>
                          </dd>
                            <dd>
                                <a style="color: rgb(221, 221, 221);" href="https://www.hlamall.cn/cms/getHeiLanCms/dc37827c-9cec-4fba-951e-477053b04020?selected=%E9%80%80%E6%8D%A2%E8%B4%A7%E6%B5%81%E7%A8%8B" target="_blank"> 退换货流程 </a>
                          </dd>
                            <dd>
                                <a style="color: rgb(221, 221, 221);" href="https://www.hlamall.cn/cms/getHeiLanCms/80d35837-57b7-49fa-ad31-c4edcabdca56?selected=%E9%80%80%E6%AC%BE%E6%96%B9%E5%BC%8F" target="_blank"> 退款方式 </a>
                          </dd>
                            <dd>
                                <a style="color: rgb(221, 221, 221);" href="https://www.hlamall.cn/cms/getHeiLanCms/75167e03-518a-4356-9ba9-37fb69c00c1c?selected=%E9%9A%90%E7%A7%81%E5%A3%B0%E6%98%8E" target="_blank"> 隐私声明 </a>
                            </dd>
                        </dl>
                    </div>
                        
                    <div class="fll" style="border-left-color: rgb(197, 193, 193); border-left-width: 1px; border-left-style: solid;height: 101px;width: 229px;margin-top: 30px;">
                        <dl style="margin-top: 0px; width: 205px;height: 48px;margin: auto; color: #eee;">
                            <dt class="fs14 col-ddd fw-b" style="font-size: 14px;">客户服务热线
                                <span class="fs12 col-ddd">(仅收市话费)</span>
                            </dt>
                            <dd class="col-bbb fw-b fs18">400-892-2001</dd>
                            
                        </dl>
                        <dl style="color: #eee;">
                            <dt class="fs12 col-ddd" style="font-size: 12px;width: 229px;height: 18px;text-align: center;">地址：江苏省江阴市海澜服装工业城</dt>
                            <dd class="col-bbb fs12" style="width: 193px;height: 18px;">电话：0510-86700300</dd>
                            
                        </dl>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer_cen"></div>
        <div class="footer_bot">
            <div class="footer_bot_1">
                <div class="fot_1" style="margin-top: 20px; float: left; display: inline-block;">
                  <img src="//v.trustutn.org/images/cert/brand_realname_small_img.png">
                </div>
                <div class="fot_2">
                    <div class="wrapper" style="width: 100%;color: rgb(204, 204, 204); text-align: center;margin-top: 17px;">
                      <div class="fs12" style="font-size: 12px;">工信部备案·苏ICP备11069023号-3</div> 
                      <div class="fs12" style="font-size: 12px;">增值电信业务经营许可证·苏B2-20110038</div>
                      <div class="fs12" style="font-size: 12px;">?2014-2020 江阴新风尚电子商务有限公司  版权所有 HLA Inc. All Rights Reserved.</div>
                                       
                    </div>
                </div>
                <p class="ta_c mt10" style="display: none;">

                <a href="https://www.315online.com.cn/member/315130013.html" target="_blank"><img src="https://img.alicdn.com/imgextra/i4/2365329828/O1CN01JNSJDm2MTH1QQCJZk_!!2365329828.jpg"></a>
                <a href="https://www.cnga.org.cn/" target="_blank"><img src="https://img.alicdn.com/imgextra/i2/2365329828/O1CN01V6ckdW2MTH1SFNEe3_!!2365329828.jpg"></a>
                <a href="https://webscan.360.cn/index/checkwebsite/url/www.heilanhome.cn" target="_blank"><img src="https://img.alicdn.com/imgextra/i1/2365329828/O1CN01tNSxRe2MTH1R66gw0_!!2365329828.jpg"></a>
                <!-- <script id="jsgovicon" src="https://odr.jsdsgsxt.gov.cn:8081/mbm/app/main/electronic/js/govicon.js?siteId=0c8727b6180949fb8f68527d180aedf5&amp;width=32&amp;height=45&amp;type=1  " type="text/javascript" charset="utf-8"></script> -->
               
                </p>
            </div>
        </div>
      </div>
</div>
</div>    
    <!-- 楼梯效果 -->
    <ul class="btn-list">
        <li>轮播效果</li>
        <li>获取列表</li>
        <li>列表详情</li>
        <li class="haha">回到顶部</li>
    </ul>
                                          <script src="./javascripts/louti.js"></script>
    <!--懒加载 瀑布流  -->
        
<button id="btn">发送请求</button>
<div id="container">
    
</div>
                                          <script src="./javascripts/jiazai.js"></script>
        

</body>

</html>